<template>
	<sysJk :label="'14.消防电梯检查和功能测试'" showBack :withoutTop="true" :leftTime="lefttime">
		<template v-slot:content>
			<view class="warp" id="warp" @touchmove.stop="()=>{}">
				<view class="w100" v-if="curnum==0">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview1">
								<view class="ytitle">请操作紧急迫降按钮(消防开关) 测试消防电梯迫降功能， 并查看设备状态</view>
								<view>
									<view></view>
									<radio-group @change="aChange">
										<label class="ritem" v-for="item,index in answer1" :key="index">
											<view>
												<radio :value="item" :checked="da1 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
											</view>
										</label>
									</radio-group>
								</view>
							</view> 
							<view class="handleBtn">

							<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																@click='explain(0)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea(0)">
										<image class="aimg" :src="area1"></image>走廊
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>消防控制室
									</view> 
								</view>

								<view class="btnArea">
										<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda1()">提交</u-button>
																		<u-button  @click="reset1()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>
							






							<view v-if="isa141" id="area1852" class="openiv" :style="{ left:a1141left,top:a1141top }"
								@tap="openimgview('14-2',142)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa143" id="area1852" class="openiv" :style="{ left:a1143left,top:a1143top }"
								@tap="openimgview('15-7',144)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa143" id="area1852" class="openiv" :style="{ left:a11431left,top:a11431top }">
								<image class="openi" :src="openimg"></image>
							</view>



							<view v-if="isa142" id="area1852" class="openiv redbg"
								:style="{ left:a1142left,top:a1142top,width:a1142w,height:a1142h }" @tap="down()">

							</view>
							
							<view v-if="isa142" id="area1852b1" class="openiv redbg"
								:style="{ left:rbt1l,top:rbt1t,width:rbtw,height:rbth,fontSize:'7px',textAlign:'center',transform:'scale('+widthBl+')'  }" >		
													紧急迫降
							</view>
							
							<view v-if="isa142" id="area1852b2" class="openiv redbg"
								:style="{ left:rbt2l,top:rbt2t,width:rbtw,height:rbth,fontSize:'7px',textAlign:'center',transform:'scale('+widthBl+')' }" >	
														复位
							</view> 

							<view v-if="isa142" id="area1852" class="openiv" :style="{ left:a1142cleft,top:a1142ctop }"
								@tap="openimgview('14-1',141)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa142" id="area1852" class="openiv anum"
								:style="{ left:a1142nleft,top:a1142ntop }">
								{{a142num}}
							</view> 
<!--openimgview('14-5',145)-->

							<view v-if="isa144" id="area1852" class="openiv" :style="{ left:a1144left,top:a1144top }"
								@tap="showDialog()">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa144" id="a144f2" class="openiv redbg" @tap="f21()"
								:style="{ left:f2left,top:f2top,width:f2w,height:f2h }">

							</view>
							<view v-if="isa144" id="a144f6" class="openiv redbg" @tap="f61()"
								:style="{ left:f6left,top:f6top,width:f6w,height:f6h }">

							</view> 

							<view v-if="isa144" id="area1852" class="openiv ds"
								:style="{ left:a11441tleft,top:a11441ttop }">
								{{time}}
							</view> 
						 
							 <view v-if="iscreen1!=0 && isa144" id="areaf22" class="openiv "
							 	:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}"  >
							 <image class="openi openiv" :style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>
							 <view v-if="iscreen1!=0 && isf61status && isa144" id="areaf32" class="openiv "
							 	:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}"  >
							 	<image class="openi openiv" :style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>
							 

							<view v-if="isa144" id="area1852" class="openiv rem7"
								:style="{ left:a11442tleft,top:a11442ttop }">
								<view class="flexcol">
									<view v-if="iscreen1==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen1==1" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen1==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen1==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">
										<view v-if="iscreen1==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>
										<view v-if="iscreen1==1" :style="{ width:siw,height:sbw,color:'#000'}">
											{{stime1}} 消防电梯 启动
										</view>
										<view v-if="iscreen1==2" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>
										<view v-if="iscreen1==3" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>
										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen1==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen1==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>

							<view v-if="isa144" id="area1852" class="openiv"
								:style="{ left:a11442cleft,top:a11442ctop }" @tap="openimgview('14-3',143)">
								<image class="openi" :src="closeimg"></image>
							</view>



							<view v-if="isa145" id="area1852" class="openiv" :style="{ left:a1145cleft,top:a1145ctop }"
								@tap="openimgview('15-7',144)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="isa145" id="area1852" class="openiv rem7"
								:style="{ left:a1145tleft,top:a1145ttop,color:'#000' }">


							</view>

							<u-mask :show="showFlag">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen1!=0">
											<view> {{stime1}} 消防电梯 启动</view>
											<view> {{stime1}}  {{isf61status?'消防电梯 已反馈':'消防电梯 未反馈'}}</view>
										</view>
									</view>
								</view>
							</u-mask>




						</view>
					</view>
					 

				</view>
				<view class="w100" v-if="curnum==1">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="handleBtn">

								<u-button v-if="examType==1"
																	:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																	@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda2()">提交</u-button>
																		<u-button   @click="reset2()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>

							<view v-if="isa146" id="area1852" class="openiv" :style="{ left:a1146left,top:a1146top }"
								@tap="openimgview('14-7',147)">
								<image class="openi" :src="openimg"></image>
							</view>


							<!--146 显示电梯数字-->
							<view v-if="isa146" id="area1852" class="openiv ds11"
								:style="{ left:a146numl,top:a146numt,width:a146numw,height: a146numh}">
								{{lnum}}
							</view>

							<view v-if="isa147" id="area1852" class="openiv" :style="{ left:a1147cleft,top:a1147ctop }"
								@tap="openimgview('14-6',146)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<!--146 显示电梯数字-->
							<view v-if="isa147" id="area1852" class="openiv ds"
								:style="{left:a147numl,top:a147numt,width:a147numw,height: a147numh }">
								{{lnum}}
							</view>
							<!--3 层-->
							<view v-if="isa147" id="area1852" class="openiv"
								:style="{ left:a1473l,top:a1473t,width:a1473w,height: a1473h }" @tap="to3()">

							</view>
							<view v-if="tonum3 &&isa147" id="area1852" class="openiv"
								:style="{ left:a1473l,top:a1473t,width:a1473w,height: a1473h }" @tap="to3()">
							<image class="openi openiv" :src="i3img" :style="{ left:a1473l,top:a1473t,width:a1473w,height: a1473h }"></image>
							</view>
							
							
							
							<!--关门-->
							<view v-if="isa147" id="area1852" class="openiv"
								:style="{ left:a147closel,top:a147closet,width:a147closew,height: a147closeh }"
								@tap="openimgview('1',147)">

							</view>
							<!--开门-->
							<view v-if="isa147" id="area1852" class="openiv"
								:style="{ left:a147openl,top:a147opent,width:a147openw,height: a147openh }"
								@tap="openimgview('0',147)">

							</view>



						</view>
					</view>
					 

				</view>
				<view class="w100" v-if="curnum==2">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="handleBtn">

								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																	@click='explain(2)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda3()">提交</u-button>
																		<u-button  @click="reset3()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>
							 

							<view v-if="isa148" id="area1852" class="openiv" :style="{ left:a1146left,top:a1146top }"
								@tap="openimgview('14-9',149)">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa149" id="area1852" class="openiv ds1"
								:style="{ left:a1472numl,top:a1472numt,width:a1472numw,height:a1472numh }">
								1
							</view>

							<view v-if="isa149" id="area1852" class="openiv"
								:style="{ left:a1472bl,top:a1472bt,width:a1472bw,height:a1472bh }"
								@tap="openimgview('0',149)">

							</view>

							<view v-if="isa149" id="area1852" class="openiv" :style="{ left:a1147cleft,top:a1147ctop }"
								@tap="openimgview('14-8',148)">
								<image class="openi" :src="closeimg"></image>
							</view>

						</view>
					</view>
					 

				</view>
				<view class="w100" v-if="curnum==3">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="handleBtn">

							<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																@click='explain(3)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda4()">提交</u-button>
																		<u-button @click="reset4()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button @click="back()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>返回</u-button>
								</view>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>

							<view v-if="isa1410" id="area1410" class="openiv" :style="{ left:a11410left,top:a11410top }"
								@tap="openimgview('14-11',1411)">
								<image class="openi" :src="openimg"></image>
							</view>

							<!--下面的ato切换开关-->
							<view v-if="isa1411" id="area14111" class="openiv regbg" @tap="atom3()"
								:style="{ left:a11411b1left,top:a11411b1top,width:a11411b1w,height:a11411b1h }">

							</view>
							<!--上面的切换开关-->
							<view v-if="isa1411" id="area14112" class="openiv redb" @tap="green()"
								:style="{  left:a11411b2left,top:a11411b2top,width:a11411b2w,height:a11411b2h  }">

							</view>
							<view v-if="isa1411" id="area14113" class="openiv"
								:style="{ left:a11411cleft,top:a11411ctop }" @tap="openimgview('14-10',1410)">
								<image class="openi" :src="closeimg"></image>
							</view>


						</view>
					</view>
					 

				</view>
				<view class="w100" v-if="curnum==4">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="handleBtn">
<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(4)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==3?'areaitem sitem':'areaitem'" @click="setarea(3)">
										<image class="aimg" :src="area1"></image>走廊
									</view>
									<view :class="curarea==4?'areaitem sitem':'areaitem'" @click="setarea(4)">
										<image class="aimg" :src="area2"></image>消防控制室
									</view>


								</view>
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda5()">提交</u-button>
																		<u-button @click="reset5()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button @click="back()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		>返回</u-button>
								</view>
							</view>



							<view v-if="isa1412" id="area1410" class="openiv" :style="{ left:a11412left,top:a11412top }"
								@tap="openimgview('14-16',1416)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa1413" id="area1410" class="openiv" :style="{ left:a11413left,top:a11413top }"
								@tap="openimgview('14-14',1414)">
								<image class="openi" :src="openimg"></image>
							</view>





							<view v-if="isa1414" id="area14141" class="openiv"
								:style="{ left:a11414cleft,top:a11414ctop  }" @tap="openimgview('14-13',1413)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="isa1414" id="area14112" class="openiv redbg" @tap="isrst( )"
								:style="{  left:a11414bleft,top:a11414btop,width:a11414bw,height:a11414bh  }">

							</view>
							<view v-if="isrstst &&isa1414" id="area14112" class="openiv redbg" @tap="isrst( )"
								:style="{  left:ra11414bleft,top:ra11414btop,width:ra11414bw,height:ra11414bh  }">
								<image class="openi openiv" :src="redimg" :style="{   left:ra11414bleft,top:ra11414btop,width:ra11414bw,height:ra11414bh  }"></image>
							</view>
							
							<view v-if="isa1414" id="area1852b1" class="openiv redbg"
								:style="{ left:rbt1l,top:rbt1t,width:rbtw,height:rbth,fontSize:'7px',textAlign:'center',transform:'scale('+widthBl+')' }" >		
													紧急迫降
							</view>
							
							<view v-if="isa1414" id="area1852b2" class="openiv redbg"
								:style="{ left:rbt2l,top:rbt2t,width:rbtw,height:rbth,fontSize:'7px',textAlign:'center',transform:'scale('+widthBl+')' }" >	
														复位
							</view> 
							 

<!--openimgview('14-5',4145-->
							<view v-if="isa1416" id="area14113" class="openiv"
								:style="{ left:a11416left,top:a11416top }" @tap="showDialog2()">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa1416" id="area14113" class="openiv redbg"
								:style="{ left:a31817rsleft,top:a31817rstop,width:a31817rsw,height: a31817rsh}"
								@tap="rest()">

							</view>

							<view v-if="isa1416" id="area14113" class="openiv ds "
								:style="{ left:a114161tleft,top:a114161ttop }">
								{{time}}
							</view>
							<view v-if="isa1416" id="area14113" class="openiv rem7"
								:style="{ left:a114162tleft,top:a114162ttop }">
								<view class="flexcol">
									<view v-if="iscreen2==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen2==1" :style="{ width:stw,height:sth,color:'#fff'}">火警信息</view>
									<view v-if="iscreen2==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen2==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">
										<view v-if="iscreen2==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>

										<view v-if="iscreen2==1" :style="{ width:siw,height:sbw,color:'#000'}"> 首警
											{{stime1}}手报火警
											{{stime1}}感烟探测器火警
										</view>
										<view v-if="iscreen2==2" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>
										<view v-if="iscreen2==3" :style="{ width:siw,height:sbw,color:'#000'}"> {{info}}
										</view>

										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen2==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen2==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>

							<view v-if="isa1416" id="area14113" class="openiv"
								:style="{ left:a1146cleft,top:a1146ctop }" @tap="openimgview('14-12',1412)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<view v-if="isa4145" id="area41852" class="openiv"
								:style="{ left:a1145cleft,top:a1145ctop }" @tap="openimgview('14-16',1416)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="iscreen2!=0 &&isa4145" id="area41852" class="openiv rem7"
								:style="{ left:a1145tleft,top:a1145ttop,color:'#000' }">
								<view> {{stime1}} 消防电梯 启动</view>
								<view> {{stime1}} 消防电梯 已反馈</view>

							</view>
							
							
							<u-mask :show="showFlag2">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide2" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen2!=0">
											<view> {{stime1}} 消防电梯 启动</view>
											<view> {{stime1}} 消防电梯 已反馈</view>
										</view>
									</view>
								</view>
							</u-mask> 

						</view>
					</view>
				 

				</view>
				<u-mask :show="isexplain" @click="closeex" >
					<view class="wrapper" style="display: flex;align-items: center;justify-content: center;height:100%">
						<view class="block"
							style="width:400rpx;padding: 20rpx;box-sizing:border-box;background: #fff;font-size:2vh">
							<view class="overtitle" style="color: #000;">
								【试题解析】 正确答案
							</view>
							<view class="overtitle" style="color: #000;">
								<text>{{explaintext}}</text>
							</view>
						</view>
					</view>
				</u-mask> 
			</view>
		</template>
	</sysJk>

</template>


<script>
	import sysJk from '@/components/sysJk.vue'
	import {
		fzQuestion
	} from '@/globalApi/requestApi.js'
	import {
		formatTime,getcurtime ,
		screentime
	} from '@/util/index.js'
	export default {
		components: {
			sysJk
		},

		data() {
			const app = getApp();
			const baseUrl = app.globalData.requestUrl;

			return {
				widthBl:0,
				heightBl:0,
				
				
				////////////////////
				
				////////////////////
				lnum: 1,
				
				isf61status:false, //
				tonum3:false,
				stime1: "",
				dfulltxt: '',
				dtimetxt: '',
				iscreen1: 0, //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				iscreen2: 1,
				//isrst 5小问是否可复位
				isrstst: false,
				stime1: '',
				stime2: '',
				lefttime: '300',
				examId: '',
				examType: 1,
				base: baseUrl,
				writeBox: null,
				writeBoxLeft: 0,
				writeBoxTop: 0,
				showFlag: false,
				showFlag2:false,
				bUrl: baseUrl + "/static/image/wb/14-1.jpg",
				openimg: baseUrl + "/static/image/open.png",
				closeimg: baseUrl + "/static/image/close.png",
				redimg: baseUrl + "/static/image/red.png",
					redbtn: baseUrl + "/static/image/red.png",
				i3img: baseUrl + "/static/image/3.png",
				questionsnum: 5, //题目数

				curarea: 0, //当前场景
				area1: baseUrl + "/static/image/wb/14-1.jpg",
				area2: baseUrl + "/static/image/wb/14-3.jpg",

				isarea: true,
				isa1area1: true,
				isa1area2: false,
				curnum: 0, //当前题目
				time: '',
				info: '',

				questions: [
					'【1/5】请测试消防电梯紧急迫降功能，并在消防控制室查看信号反馈情况',
					'【2/5】请操作消防电梯到达指定楼层(指定楼层：3层)，测试关门与开门功能',
					'【3/5】请通过轿厢内专用消防电话与消防电话总机进行通话测试',
					'【4/5】请将消防电梯供配电装置自动切换至备用电源供电',
					'【5/5】请进行复位操作',
				],


				answer1: ['启动信号已发出设备已反馈', '启动信号已发出设备未反馈'],
				
				da1:'',
				isdown:false,
				isf21:false,
				isf61:false,


				isa141: true,
				isa142: false,
				isa143: false,
				isa144: false,
				isa145: false,



				isa146: false,
				isa147: false,


				isa148: false,
				isa149: false,


				isa1410: false,
				isa1411: false,


				isa1412: false,
				isa1413: false,
				isa1414: false,
				isa1416: false,
				isa4145: false,



				a1141left: 0, //  1145
				a1141top: 0, //  580  to142


				a1142left: 0, // 915
				a1142top: 0, // 330
				a1142w: 0, // 58
				a1142h: 0, //  68

				a1142nleft: 0, // 930
				a1142ntop: 0, // 580 



				a1142cleft: 0, // 1020
				a1142ctop: 0, // 230

				a142num: 8, //电梯数字
				sttimer:null,



				a1143left: 0, // 675
				a1143top: 0, // 565   to144

				a11431left: 0, // 870
				a11431top: 0, // 565

				//
				a1144left: 0, // 750  
				a1144top: 0, // 650   to145

				a11441tleft: 0, // 425
				a11441ttop: 0, // 110  写时间



				a11442tleft: 0, //  1150  写信息
				a11442ttop: 0, // 180

				a11442cleft: 0, //  1750   c to 143
				a11442ctop: 0, // 180

				a1145cleft: 0, // 1640
				a1145ctop: 0, // 130

				a1145tleft: 0, // 860 写信息
				a1145ttop: 0, // 220

				a1145cleft: 0, // 1230  
				a1145ctop: 0, // 160



				a1146left: 0, // 1290  
				a1146top: 0, // 680 to147


				a1147cleft: 0, // 1080  
				a1147ctop: 0, // 230  to146



				//
				a1148left: 0, // 1290  
				a1148top: 0, // 680 to149

				a1149cleft: 0, // 1080  
				a1149ctop: 0, // 230  to148


				a11410left: 0, // 510  
				a11410top: 0, //   530  


				a11410left: 0, // 600  
				a11410top: 0, //   555 to1411


				//1411

				a11411b1left: 0, // 910  
				a11411b1top: 0, //   458  
				a11411b1w: 0, // 55
				a11411b1h: 0, // 44


				a11411b2left: 0, // 744  
				a11411b2top: 0, //   252  
				a11411b2w: 0, // 50
				a11411b2h: 0, // 64 



				a11411cleft: 0, // 1240  
				a11411ctop: 0, //   400 






				a11412left: 0, // 660  
				a11412top: 0, //   560 

				a11413left: 0, // 1150  
				a11413top: 0, //  565 



				a11414cleft: 0, // 1000  
				a11414ctop: 0, //  260

				a11414bleft: 0, //915  
				a11414btop: 0, //  380
				a11414bw: 0, //50
				a11414bh: 0, // 50
				
				ra11414bleft: 0, //915
				ra11414btop: 0, //  293
				ra11414bw: 0, //40
				ra11414bh: 0, // 40

//紧急迫降
rbt1l:902,
rbt1t:266,
//复位
rbt2l:902,
rbt2t:337,

rbtw:72,
rbth:25,
 


				//
				a11416left: 0, // 750  
				a11416top: 0, // 650   to145

				a114161tleft: 0, // 425
				a114161ttop: 0, // 110  写时间

				a114162tleft: 0, //  1150  写信息
				a114162ttop: 0, // 180

				a1146cleft: 0, //1640
				a1146ctop: 0, //130

				stw: '479',
				sth: '28',
				sleft: "10",
				siw: '330',
				sih: '200',
				sbw: '146',
				sbh: "68",
				srtw: '138',
				srth: '30',
				srtt: '80',
				sitt: '15',
				s5w: "495",
				s5h: '25',
				//f2
				//f2
				f2left: 1130,
				f2top: 549,
				f2w: 82,
				f2h: 45,

				//f6
				f6left: 1517,
				f6top: 549,
				f6w: 82,
				f6h: 45,

				//rest
				a31817rsleft: 1619,
				a31817rstop: 696,
				a31817rsw: 80,
				a31817rsh: 40,

				rsdtleft: 0,
				rsdttop: 0,
				rsdtw: 0,
				rsdth: 0,


				innerAudioContext: uni.createInnerAudioContext(),
				jb: baseUrl + "/static/image/jb.MP3",
				ls: baseUrl + "/static/image/ls.MP3",
				quest: {
					fz_id: 2,
					title: '',
					no: "",
					question_type: 1,
					user_answer: '',
					answer: '',
					is_correct: '',
					score: '',
					start_time: 0,
					end_time: 0,
					question_answer: ''
				},
				
				score1:0,
				score2:0,
				score3:0,
				score4:0,
				score5:0,
				 
				explainarr: ['走廊直接按红色紧急迫降按钮，回中控室查启动查反馈选答案。\r\n\r\n正确答案：两种情况都有可能',
					' 在电梯按楼层3，关门 到3楼后点开门，在点关门，测试完毕',
					'点电话',
					'自动状态下拉电闸',
					'先将走廊的电梯复位，在去控制室点复位按键'
				],
				isexplain: false,
				explaintext: '',
				tH: 0,


				///3
				a1472numl: 931,
				a1472numt: 124,
				a1472numw: 74,
				a1472numh: 74,


				a1472bl: 931,
				a1472bt: 413,
				a1472bw: 64,
				a1472bh: 54,
				isphone: false,

				istos: 0,


				//2小问
				//146
				a146numl: 1288,
				a146numt: 280,
				a146numw: 44,
				a146numh: 36, //146 显示电梯数字


				//147
				a147numl: 935,
				a147numt: 130,
				a147numw: 66,
				a147numh: 76, //147 数字



				a1473l: 997,
				a1473t: 704,
				a1473w: 40,
				a1473h: 48, //3 层


				a147closel: 997,
				a147closet: 774,
				a147closew: 38,
				a147closeh: 38, //关

				a147openl: 938,
				a147opent: 774,
				a147openw: 38,
				a147openh: 38, //开
				
				//屏图标宽高
				sciconw:20,
				sciconh:20,
				
				
				//自动方式
				aiconl:430,
				aicont:353,
				
				//手动方式
				miconl:	430,
				micont:	390,
				
				//火警
				ficonl:649,
				ficont:137,
				
				
				//启动
				siconl:824,
				sicont:139, 
				
				//反馈
				iiconl:824,
				iicont:289,
				
			
				
			}
		},
		onLoad(options) {
			uni.setScreenBrightness({
				keepScreenOn: true,
				direction: 'landscape',
				success() {
					console.log("a")
				}
			})
			let that = this;
			let df = new Date()
			let h1 = df.getHours()
			let m1 = df.getMinutes()
			this.time = h1 + ":" + m1
			let m = df.getMonth() + 1
			this.dfulltxt = df.getFullYear() + "/" + m + df.getDate()

			setInterval(() => {
				let df1 = new Date()
				that.dtimetxt = df1.getHours() + ":" + df1.getMinutes() + ":" + df1.getSeconds()
			}, 1000)
			setInterval(() => {
				that.time = getcurtime()
			}, 20000)

			this.examId = options.examId
			this.examType = options.examType
			// var writeBox = uni.createSelectorQuery().in(this).select('.imgview')
			// writeBox.boundingClientRect(data => {
			// 	this.writeBox = data
			// }).exec()
		},
		onShow() {
			let that = this
			// uni.getSystemInfo({
			// 	success: function(res) {
			// 		console.log(res)
			// 		// uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
			// 		that.tH = uni.getMenuButtonBoundingClientRect().height + uni
			// 			.getMenuButtonBoundingClientRect().top * 2 + 21
			// 		//that.tH=85 
			// 		that.drawWhiteBox()
			// 	}
			// });
		},
		onReady() {
				  let that = this;
				  // #ifdef MP-WEIXIN
				  uni.getSystemInfo({
				    success: function(res) {
				      console.log(res)
				      // uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
				      that.tH = uni.getMenuButtonBoundingClientRect().height + uni
				          .getMenuButtonBoundingClientRect().top * 2 + 21
				      //that.tH=85
				      that.drawWhiteBox()
				    }
				  });
				  // #endif
				
				 // #ifdef APP-PLUS
				 let sy = uni.getSystemInfoSync()
				 this.pT = sy.statusBarHeight
				 this.tH = sy.statusBarHeight + 51
				 that.drawWhiteBox(this.tH)
				 
				 // #endif
				},
		methods: {
			back() {
				uni.navigateBack()
			},
			down() {
				if(!this.isdown){
					this.isdown=true;
						this.iscreen1 = 1
						this.isf61status=Math.random()>0.5
						this.stime1 = screentime()
					this.sttimer=	setInterval(() => {
							if (this.a142num > 1) {
								this.a142num = this.a142num - 1
							} 
						}, 200)
				}
				

			},
			
			aChange(e){
				this.da1=e.detail.value
			},
			f21() {
				if (this.iscreen1 == 1) {
					this.isf21=true
					this.iscreen1 = 2 //f2状态
					this.info = this.stime1 + '消防电梯 启动\r\n'

				}
			},
			f61() {
				//f6状态
				if (this.iscreen1 == 2) { //	//退出
					this.iscreen1 = 1
				} else if (this.iscreen1 == 1) { //反馈
					this.iscreen1 = 3
					this.isf61=true
					this.info = this.stime1 + ' 消防电梯 已反馈\r\n'

				} else if (this.iscreen1 == 3) {
					this.iscreen1 = 1
					//退出
				}
			},
			f22() { //没有操作 复位
				this.iscreen2 = 2 //f2状态 
				this.info = this.dtstr + this.time1 + '排烟风机启动\r\n'
				this.info = this.info + this.dtstr + this.time1 + '排烟口 启动\r\n'
				this.info = this.info + this.dtstr + this.time1 + '排烟阀 启动\r\n'
			},
			f62() {
				//f6状态
				if (this.iscreen2 == 2) { //	//退出
					this.iscreen2 = 1
				} else if (this.iscreen2 == 1) { //反馈
					this.iscreen2 = 3
					this.info = this.dtstr + this.time1 + '排烟风机已反馈\r\n'
					this.info = this.info + this.dtstr + this.time1 + '排烟口已反馈\r\n'
					this.info = this.info + this.dtstr + this.time1 + '排烟阀已反馈\r\n'
				} else if (this.iscreen1 == 3) {
					this.iscreen1 = 1
					//退出
				}
			},
			isrst() {
				this.isrstst = true
			},
			rest() {
				
				if (this.isrstst) {
					this.iscreen2 = 0
				}
			},

			//4小问 切开关
			atom3() {
				//jk3-2
				this.istos = 1
				this.bUrl = this.base + "/static/image/jk/3-2.jpg"
			},
			green() {
				//jk3-4
				this.istos = 2
				this.bUrl = this.base + "/static/image/jk/3-4.jpg"
			},
			explain(id) {
				this.isexplain = true;
				this.explaintext = this.explainarr[id]

			},
			closeex() {
				this.isexplain = false
			},
			//切换场景
			setarea(id) {
				this.curarea = id
				if (id == 0) {
					this.isa1area1 = true;
					this.isa1area2 = false
					this.isa1area3 = false;
					this.isa1area4 = false;
					this.isa141 = true;
					this.isa143 = false;
					this.bUrl = this.base + "/static/image/wb/14-1.jpg"
				}
				if (id == 1) {
					this.isa1area1 = false;
					this.isa1area2 = true;
					this.isa1area3 = false;
					this.isa1area4 = false;

					this.isa143 = true;
					this.isa141 = false;
					this.bUrl = this.base + "/static/image/wb/14-3.jpg"
				}

				if (id == 3) {
					this.isa1area1 = true;
					this.isa1area2 = false
					this.isa1area3 = false;
					this.isa1area4 = false;
					this.isa1413 = true;
					this.isa1412 = false;
					this.bUrl = this.base + "/static/image/wb/14-13.jpg"
				}
				if (id == 4) {
					this.isa1area1 = false;
					this.isa1area2 = true;
					this.isa1area3 = false;
					this.isa1area4 = false;
					this.isa1412 = true;
					this.isa1413 = false;
					this.bUrl = this.base + "/static/image/wb/14-12.jpg"
				}

			},
			reset(){
				this.lnum= 1
				this.iscreen1= 0 //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				this.iscreen2= 1
				this.isrstst= false
				this.curarea= 0 //当前场景
				this.isarea= true
				this.isa1area1= true
				this.isa1area2= false
				this.isdown=false
				this.isf21=false
				this.isf61=false
				this.a142num= 8 //电梯数字

				this.isa141= true
				this.isa142= false
				this.isa143= false
				this.isa144= false
				this.isa145= false



				this.isa146= false
				this.isa147= false


				this.isa148= false
				this.isa149= false


				this.isa1410= false
				this.isa1411= false


				this.isa1412= false
				this.isa1413= false
				this.isa1414= false
				this.isa1416= false
				this.isa4145= false
			},
			reset1(){
				this.reset()
				clearInterval(this.sttimer)
					let that = this 
					that.da1="" 
					  that.isdown=false 
					     that.isf21=false 
						   that.isf61=false
						   this.a142num= 8 //电梯数字
						   that.curarea=0
						   that.curnum=0
					that.setarea(0)
					that.bUrl = that.base + "/static/image/wb/14-1.jpg";
			},
			reset2(){
				this.reset()
					let that = this 
					that.lnum=1
					
					that.curnum = 1;
					that.isa146 = true;
					that.bUrl = that.base + "/static/image/wb/14-6.jpg";
					
					
			},
			reset3(){
				this.reset()
					let that = this 
					that.isphone=false
						this.innerAudioContext.stop()
					that.curnum = 2
					that.isa148 = true;
					that.bUrl = that.base + "/static/image/wb/14-8.jpg"
			},
			reset4(){
				this.reset()
					let that = this 
					that.istos=0
					
					
					that.curnum = 3
					that.isa1410 = true;
					that.bUrl = that.base + "/static/image/wb/14-10.jpg"
					
			},
			reset5(){
				this.reset()
					let that = this 
					that.isrstst=false 
					that.iscreen2 =1
					
					that.curnum = 4
					that.isa1412 = false;
						that.isa1413=true
					that.isarea = true
					that.curarea=3
					that.setarea(3)
					this.bUrl = this.base + "/static/image/wb/14-13.jpg"
				 
			},
			senda1() {
				
				/**
				 * 【1/5】请测试消防电梯紧急迫降功能，并在消防控制室查看信号反馈情况【1】
			操作紧急迫降按钮（消防电梯）测试消防电梯迫降功能，并查看设备状态。
			启动信号已发出设备已反馈
			启动信号已发出设备未反馈
			【反馈未反馈两种】
				 */
				let that = this
				if(this.da1=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da1=="启动信号已发出设备已反馈" &&  that.isdown && that.isf61status
				// if(that.da1=="启动信号已发出设备已反馈" &&  that.isdown && that.isf21 && that.isf61
				){
					that.score1=1
				}else if(that.da1=="启动信号已发出设备未反馈" &&  that.isdown && !that.isf61status){
				that.score1=1	
				}else{
					that.score1=0
				}
				
				this.$showModal2({
					title: '确认提交？'+that.score1,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
				
							that.curnum = 1;
							that.isa146 = true;
							that.bUrl = that.base + "/static/image/wb/14-6.jpg";
						
				});

			},
			senda2() {
				//【2/5】操作消防电梯到过指定楼层（指定楼层：3层），测试关门与开门功能【0.2】
				let that = this
				if(that.lnum==3){
					that.score2=0.2
				}
				
				this.$showModal2({
					title: '确认提交？'+that.score2,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
				
							that.curnum = 2
							that.isa148 = true;
							that.bUrl = that.base + "/static/image/wb/14-8.jpg"
						
				});


			},
			senda3() {
				//【3/5】请通过桥箱内专用消防电话与消防电话总机进行通话测试【0.2】
				let that = this
				if(that.isphone){
					that.score3=0.2
				}
					this.innerAudioContext.stop()
				this.$showModal2({
					title: '确认提交？'+that.score3,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
					
							that.curnum = 3
							that.isa1410 = true;
							that.bUrl = that.base + "/static/image/wb/14-10.jpg"
					
					
				});

			},
			senda4() {
				//【4/5】请将消防电梯供配电装置自动切换到备用电源供电【0.2】
				let that = this
				if(that.istos!=0){
					that.score4=0.2
				}
				this.$showModal2({
					title: '确认提交？'+that.score4,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
					
							that.curnum = 4
							that.isa1412 = false;
							that.isarea = true
								that.curarea=3
								that.isa1413=true
							that.bUrl = that.base + "/static/image/wb/14-13.jpg"
						
				});

			},
			senda5() {
				/**
				 * 【5/5】请进行复位操作【0.4】
			【电梯复位,控制器复位】
				 */
				let that = this
				if(that.isrstst&&
				that.iscreen2 ==0){
					that.score5=0.4
				}
					let ss=that.score1+that.score2+that.score3+that.score4+that.score5
				this.$showModal2({
					title: '确认提交？'+that.score5,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
							uni.showLoading({})
							fzQuestion(that.quest).then(res => {
								uni.hideLoading()
								let pages = getCurrentPages()
								if(pages.length==4){
									let prevPage = pages[pages.length - 3] 
									prevPage.$vm.status14 = true
									prevPage.$vm.addScore(ss)
									uni.navigateBack()
								}else{
									let prevPage = pages[pages.length - 2]
									prevPage.$vm.status14 = true
									prevPage.$vm.addScore(ss) 
									uni.navigateBack()
								} 
							})
						
				});

				// uni.showToast({
				// 	title:'提交后不可修改',
				// 	success() {
				// 		setTimeout(()=>{uni.navigateBack()},500)

				// 	}
				// })

				/***
			
			14消防电梯检查和功能测试 
			*/
			},
			to3() {
			 
				this.tonum3=true
			},
			openimgview(path, lb) {
				this.isarea = false
				this.isa1area1 = false
				this.isa1area2 = false

				this.bUrl = this.base + "/static/image/wb/" + path + ".jpg";
				switch (lb) {
					case 141:
						this.isa141 = true;
						this.isa142 = false;
						this.isarea = true
						//判断是否已降
						if(this.a142num==1){
							this.bUrl = this.base + "/static/image/wb/" + "14-13-1" + ".jpg";
						}else{
							this.bUrl = this.base + "/static/image/wb/" + "14-1" + ".jpg";
						}
						break;
					case 142:
						this.isa142 = true;
						this.isa141 = false;
						break;
					case 143:
						this.isa143 = true;
						this.isarea = true
						this.isa144 = false;
						this.isa145 = false;
						break;
					case 144:
						this.isa144 = true;
						this.isa143 = false;
						this.isa145 = false;
						break;
					case 145:
						this.isa145 = true;
						this.isa143 = false;
						this.isa144 = false;

						break;


					case 146:
						this.isa146 = true;
						this.isa147 = false;

						break;
					case 147:
						this.isa146 = false;
						this.isa147 = true;

						if (path == 0) {
							//开门
							this.bUrl = this.base + "/static/image/wb/" + "14-7" + ".jpg";
						}
						if (path == 1) {
							//关门
							if(this.tonum3){
								this.lnum=3
							} 
							
							this.bUrl = this.base + "/static/image/wb/" + "14-7-1" + ".jpg";
						}
						break;

					case 148:
						this.isa148 = true;
						this.isa149 = false;
						break;
					case 149:
						this.isa148 = false;
						this.isa149 = true;

						if (path == "0") {
							this.isphone = true
							//播放
							this.innerAudioContext.src = this.ls;
							this.innerAudioContext.onPlay(() => {
								console.log('开始播放');
							});
							this.innerAudioContext.onError((res) => {
								console.log(res.errMsg);
								console.log(res.errCode);
							});
							console.log(this.innerAudioContext.paused)
							if (this.innerAudioContext.paused == true) {
								console.log("play")
								this.innerAudioContext.play();
							} else {
								console.log("stop")
								this.innerAudioContext.stop();
							}
						}
						if (this.isphone) {
							this.bUrl = this.base + "/static/image/wb/" + "14-7-2" + ".jpg";
						} else {
							this.bUrl = this.base + "/static/image/wb/" + "14-7" + ".jpg";
						}
						break;
					case 1410:
						this.isa1410 = true;
						this.isa1411 = false;
						switch (this.istos) {
							case 0:
								this.bUrl = this.base + "/static/image/wb/" + "14-10" + ".jpg";
								break;
							case 1:
								break;
								this.bUrl = this.base + "/static/image/wb/" + "14-13-1" + ".jpg";
							case 2:
								this.bUrl = this.base + "/static/image/wb/" + "14-13-1" + ".jpg";
								break;
						}

						break;
					case 1411:
						this.isa1410 = false;
						this.isa1411 = true;
						switch (this.istos) {
							case 0:
								this.bUrl = this.base + "/static/image/wb/" + "14-11" + ".jpg";
								break;
							case 1:
								break;
								this.bUrl = this.base + "/static/image/jk/" + "3-2" + ".jpg";
							case 2:
								this.bUrl = this.base + "/static/image/jk/" + "3-4" + ".jpg";
								break;
						}

						break;

					case 1412:

						this.isa1412 = true;
						this.isa1416 = false
						this.isarea = true
						break;

					case 1413:
						this.isarea = true
						this.isa1413 = true;
						this.isa1414 = false;
						break;


					case 1414:
						this.isa1413 = false
						this.isa1414 = true;
						break;


					case 1416:
						this.isa1412 = false;
						this.isa1416 = true;
						this.stime1=screentime()
						this.isa4145 = false;
						break;

					case 4145:
						this.isa4145 = true;
						this.isa1416 = false;
						break;




				}

			},
			showDialog() {
				this.showFlag = true
			},
			onClickHide() {
				this.showFlag = false
			},
			showDialog2() {
				this.showFlag2 = true
			},
			onClickHide2() {
				this.showFlag2 = false
			},
			drawWhiteBox(statusnum) {
				let that = this
				let warp = uni.createSelectorQuery().in(this).select('.imgview')

				warp.boundingClientRect(data => {
					console.log(that.tH)
					console.log(data)
					console.log(data.width)
					console.log(data.height)
					//有些设备取的是设备高度 data.height


					let widthBl = data.width / 1920
					let sy = uni.getSystemInfoSync()
					let heightBl = 0

					heightBl = (data.height - that.tH) / 921
					that.widthBl=widthBl
					that.heightBl=heightBl

					that.a1141left = 1145 * widthBl + 'px'
					that.a1141top = 490 * heightBl +statusnum + 'px' // to142


					that.a1142left = 915 * widthBl + 'px'
					that.a1142top = 220 * heightBl +statusnum + 'px'
					that.a1142w = 58 * widthBl + 'px'
					that.a1142h = 68 * heightBl + 'px'


					that.a1142cleft = 1020 * widthBl + 'px'
					that.a1142ctop = 170 * heightBl +statusnum + 'px'


					that.a1142nleft = 920 * widthBl + 'px'
					that.a1142ntop = 470 * heightBl +statusnum + 'px'



					that.a1143left = 675 * widthBl + 'px'
					that.a1143top = 490 * heightBl +statusnum + 'px' // to144

					that.a11431left = 870 * widthBl + 'px'
					that.a11431top = 490 * heightBl +statusnum + 'px'
					///////////
					//
					that.a1144left = 750 * widthBl + 'px'
					that.a1144top = 690 * heightBl +statusnum + 'px' // to145

					that.a11441tleft = 425 * widthBl + 'px'
					that.a11441ttop = 90 * heightBl +statusnum + 'px' // 写时间

					that.a11442tleft = 1130 * widthBl + 'px' // 写信息
					that.a11442ttop = 96 * heightBl +statusnum + 'px'

					that.a11442cleft = 1750 * widthBl + 'px' // c to 143
					that.a11442ctop = 80 * heightBl +statusnum + 'px'


					that.a1145cleft = 1640 * widthBl + 'px'
					that.a1145ctop = 130 * heightBl +statusnum + 'px'

					that.a1145tleft = 860 * widthBl + 'px' // 写信息
					that.a1145ttop = 220 * heightBl +statusnum + 'px'

					that.a1145cleft = 1230 * widthBl + 'px'
					that.a1145ctop = 160 * heightBl +statusnum + 'px'



					that.a1146left = 1290 * widthBl + 'px'
					that.a1146top = 560 * heightBl +statusnum + 'px' //to147


					that.a1147cleft = 1080 * widthBl + 'px'
					that.a1147ctop = 130 * heightBl +statusnum + 'px' // to146



					//
					that.a1148left = 1290 * widthBl + 'px'
					that.a1148top = 680 * heightBl +statusnum + 'px' //to149

					that.a1149cleft = 1080 * widthBl + 'px'
					that.a1149ctop = 230 * heightBl +statusnum + 'px' // to148


					that.a11410left = 510 * widthBl + 'px'
					that.a11410top = 530 * heightBl +statusnum + 'px'


					that.a11410left = 600 * widthBl + 'px'
					that.a11410top = 555 * heightBl +statusnum + 'px' //to1411


					that.a11411b1left = 910 * widthBl + 'px'
					that.a11411b1top = 458 * heightBl +statusnum + 'px'
					that.a11411b1w = 55 * widthBl + 'px'
					that.a11411b1h = 44 * heightBl + 'px'


					that.a11411b2left = 744 * widthBl + 'px'
					that.a11411b2top = 252 * heightBl +statusnum + 'px'
					that.a11411b2w = 50 * widthBl + 'px'
					that.a11411b2h = 64 * heightBl + 'px'




					that.a11411cleft = 1240 * widthBl + 'px'
					that.a11411ctop = 400 * heightBl +statusnum + 'px'






					that.a11412left = 660 * widthBl + 'px'
					that.a11412top = 490 * heightBl +statusnum + 'px'

					that.a11413left = 1150 * widthBl + 'px'
					that.a11413top = 495 * heightBl +statusnum + 'px'



					that.a11414cleft = 1000 * widthBl + 'px'
					that.a11414ctop = 260 * heightBl +statusnum + 'px'

					that.a11414bleft = 908 * widthBl + 'px'
					that.a11414btop = 296 * heightBl +statusnum + 'px'
					that.a11414bw = 57 * widthBl + 'px'
					that.a11414bh = 50 * heightBl + 'px'
					
					
					that.ra11414bleft = 915 * widthBl + 'px' //915
					that.ra11414btop= 293 * heightBl +statusnum + 'px'//  293
					that.ra11414bw= 37 * widthBl + 'px'//40
					that.ra11414bh= 37 * widthBl + 'px' // 40


					that.rsdtleft = 908 * widthBl + 'px'
					that.rsdttop = 296 * heightBl +statusnum + 'px'
					that.rsdtw = 57 * widthBl + 'px'
					that.rsdth = 48 * heightBl + 'px'
					//
					that.a11416left = 750 * widthBl + 'px'
					that.a11416top = 650 * heightBl +statusnum + 'px' //to145

					that.a114161tleft = 425 * widthBl + 'px'
					that.a114161ttop = 90 * heightBl +statusnum + 'px' //写时间

					that.a114162tleft = 1130 * widthBl + 'px' // 写信息
					that.a114162ttop = 96 * heightBl +statusnum + 'px'

					that.a1146cleft = 1640 * widthBl + 'px'
					that.a1146ctop = 130 * heightBl +statusnum + 'px'



					//f2
					that.f2left = 1130 * widthBl + 'px'
					that.f2top = 471 * heightBl +statusnum + 'px'
					that.f2w = 82 * widthBl + 'px'
					that.f2h = 45 * heightBl + 'px'

					//f6
					that.f6left = 1517 * widthBl + 'px'
					that.f6top = 471 * heightBl +statusnum + 'px'
					that.f6w = 82 * widthBl + 'px'
					that.f6h = 45 * heightBl + 'px'
					//rest

					that.a31817rsleft = 1619 * widthBl + 'px'
					that.a31817rstop = 610 * heightBl +statusnum + 'px'
					that.a31817rsw = 82 * widthBl + 'px'
					that.a31817rsh = 45 * heightBl + 'px'

					//标题
					that.stw = 479 * widthBl + 'px'
					that.sth = 28 * heightBl + 'px'
					//中间两部分间隔
					that.sleft = 10 * widthBl + 'px'
					//内容
					that.siw = 340 * widthBl + 'px'
					that.sih = 200 * heightBl + 'px'
					//右边信息
					that.sbw = 146 * widthBl + 'px'
					that.sbh = 77 * heightBl + 'px'
					//右边时间
					that.srtw = 138 * widthBl + 'px'
					that.srth = 30 * heightBl + 'px'
					that.srtt = 90 * heightBl + 'px'
					//底部信息
					that.sitt = 0 * heightBl + 'px'
					that.s5w = 495 * widthBl + 'px'
					that.s5h = 25 * heightBl + 'px'


					that.a1472numl = 931 * widthBl + 'px'
					that.a1472numt = 124 * heightBl +statusnum + 'px'
					that.a1472numw = 74 * widthBl + 'px'
					that.a1472numh = 74 * heightBl + 'px'


					that.a1472bl = 931 * widthBl + 'px'
					that.a1472bt = 413 * heightBl +statusnum + 'px'
					that.a1472bw = 64 * widthBl + 'px'
					that.a1472bh = 54 * heightBl + 'px'


					//146
					that.a146numl = 1298 * widthBl + 'px'
					that.a146numt = 260 * heightBl +statusnum + 'px'
					that.a146numw = 44 * widthBl + 'px'
					that.a146numh = 36 * heightBl + 'px' //146 显示电梯数字


					//147
					that.a147numl = 945 * widthBl + 'px'
					that.a147numt = 110 * heightBl +statusnum + 'px'
					that.a147numw = 66 * widthBl + 'px'
					that.a147numh = 76 * heightBl + 'px' //147 数字



					that.a1473l = 997 * widthBl + 'px'
					that.a1473t = 704 * heightBl +statusnum + 'px'
					that.a1473w = 40 * widthBl + 'px'
					that.a1473h = 48 * heightBl + 'px' //3 层


					that.a147closel = 997 * widthBl + 'px'
					that.a147closet = 774 * heightBl +statusnum + 'px'
					that.a147closew = 38 * widthBl + 'px'
					that.a147closeh = 38 * heightBl + 'px' //关

					that.a147openl = 938 * widthBl + 'px'
					that.a147opent = 774 * heightBl +statusnum + 'px'
					that.a147openw = 38 * widthBl + 'px'
					that.a147openh = 38 * heightBl + 'px' //开
					
					
					//紧急迫降
					that.rbt1l= 902 * widthBl + 'px'
					that.rbt1t= 266 * heightBl +statusnum + 'px'
					//复位
					that.rbt2l= 902 * widthBl + 'px'
					that.rbt2t= 337 * heightBl +statusnum + 'px'
					
					that.rbtw= 72 * widthBl + 'px'
					that.rbth= 25 * heightBl + 'px'
					
					//屏图标宽高
					that.sciconw= 20 * widthBl + 'px'
					that.sciconh = 20 * heightBl + 'px'
					
					
					//自动方式
					that.aiconl= 430 * widthBl + 'px'
					that.aicont= 353 * heightBl +statusnum + 'px'
					
					//手动方式
					that.miconl= 430 * widthBl + 'px'
					that.micont= 390 * heightBl +statusnum + 'px'
					
					//火警
					that.ficonl= 649 * widthBl + 'px'
					that.ficont= 137 * heightBl +statusnum + 'px'
					
					
					//启动
					that.siconl= 824 * widthBl + 'px'
					that.sicont = 139 * heightBl +statusnum + 'px'
					
					//反馈
					that.iiconl= 824 * widthBl + 'px'
					that.iicont= 289 * heightBl +statusnum + 'px'
					
				}).exec()

				// uni.getSystemInfo({
				// 	success: function(res) {
				// 		console.log(res)
				// 		

				// 	}
				// });
			}
		}
	}
</script>


<style scoped lang="scss">
	@font-face {
		font-family: "DS-Digital";
		font-weight: 400;
		src: url("//www.xfzsb.com/static/image/ds-digi.woff2") format("woff2"),

	}

	.rem7 {
		font-size: 0.4rem;
	}

	.anum {
		color: #DA2627;
		font-family: DS-Digital;
		font-size: 28px;

	}

	.explaincss {
		padding: 20rpx;
		width: 300rpx;

		border-radius: 20rpx;
		border: 1rpx solid #000;
		background-color: #fff;
		color: #000;
		position: fixed;
		top: 50rpx;
		left: 225rpx;
		z-index: 5000;
	}

	.warp {
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #F6F6F6;

		.w100 {
			width: 100%;
			height: 100%;
		}

		.openiv {
			position: fixed;
		}

		.redbg {}

		.openi {
			width: 20px;
			height: 20px;
		}

		.answerview {
			position: fixed;
			top: 80rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 220rpx;
			font-size: 2vh;
		}

		.answerview1 {
			position: fixed;
			bottom: 55rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 220rpx;
			font-size: 2vh;
		}

		.ytitle {
			background-color: #ffb700;
			line-height: 26rpx;
		}

		.ritem {
			line-height: 20rpx;
		}

		.imgview {
			position: relative;
			width: 100%;

		}

		.aimg {
			width: 60rpx;
			height: 35rpx;
		}

		.areas {
			// background-color: rgba(255, 165, 0, 0.2);
			margin-bottom:10px;
			.areasTit{
				background: orange;
			}
			color: #000;
		}
		
		.sitem {
			border: 2rpx solid red;
		}
		
		.areaitem {
			background: #fff;
		
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}
		

		.flexcol {
			display: flex;
			flex-direction: column;
		}

		.flexrow {
			display: flex;
		}

		.rtext {
			color: red;
		}

		.ds {
			color: #DA2627;
			font-family: DS-Digital;
			font-size: 20px;
		}

		.ds11 {
			color: #DA2627;
			font-family: DS-Digital;
			font-size: 16px;
		}

		.ds1 {
			color: #DA2627;
			font-family: DS-Digital;
			font-size: 30px;
		}

.taskTit {
					height: 21px;line-height: 21px;width: 100%;text-align: left;background: #fff;color: #000;font-size: 15px
				}
		.myCard {
			width: 100%;
			// height:100%;
			position: relative;
			// border-radius: 20rpx;
			//	overflow: hidden;
			z-index: 1;

			.cardContent {
				// padding: 52rpx 58rpx 37rpx;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				color: #fff;

				.moneyContent {
					margin-top: 54rpx;
					width: 100%;
					display: flex;
					align-items: center;

					.moneyDetail {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: flex-start;

						.detailTit {
							font-size: 24rpx;
							font-weight: 400;
						}

						.detailVal {
							font-size: 55rpx;
							font-weight: bold;
							margin-top: 35rpx;
						}
					}

				}

				

				.handleBtn {
					position: fixed;
					left: 30px;
					bottom: 0px;
				}

				.btnA {
					display: flex;
					flex-direction: column;
					position: fixed;
					right: 30px;
					bottom: 0px;
					align-items: flex-end;
				}

				.btnArea {
					//margin-top: 160rpx;
					//margin-left: 150rpx;
					display: flex;
					justify-content: center;
					//	position: fixed;
					//	right: 30px;
					//	bottom: 30px // text-align: center;
				}
			}
		}

		.infoBox {
			width: 100%;
			padding: 14rpx 30rpx;
			margin-top: 33rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background: #fff;

			.singleInfo {
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ccc;

				.info {
					flex: 1;

					.desc {
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}

					.time {
						margin-top: 15rpx;
						font-size: 18rpx;
						font-weight: 400;
						color: #888888;
						display: flex;
						align-items: center;
					}
				}

				.val {
					width: 115rpx;
					height: 40rpx;
					border: 1rpx solid #DA2627;
					border-radius: 40rpx;
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #DA2627;
					line-height: 40rpx;
				}
			}
		}

		.writeBox {
			border: none;
			width: 0px;
			height: 0px;
			position: fixed
		}
	}
</style>